.container
  font-size 34px
  color #333333
  background #f5f5f5
.remain-container
  >.tab
    position fixed
    top 0
    width 100%
    height 100px
    text-align center
    border-bottom 1px solid #dadada
    background #fff
    >ul
      position relative
      >li
        position relative
        display inline-block
        line-height 100px
        margin 0 40px
        padding 0 40px
        cursor pointer
        &.active
          top -4px
          color #f147a7
          border-bottom 4px solid #f147a7
      //>li::before
      //  content ''
      //  position absolute
      //  top 0
      //  left 100%
      //  width 0
      //  height 100%
      //  border-bottom 4px solid #f147a7
      //  transition 0.2s all linear
      //>li:hover::before
      //  left 0
      //  width 100%
      //>li:hover ~ li::hover
      //  left 0
  >.remain
    margin-top 100px
    height 92px
    line-height 92px
    font-size 34px
    padding-left 30px
    color #333333
    background #fff
    font-weight 600
  >.projects
    font-size 34px
    background #fff
    >.project
      display flex
      align-items center
      border-top 1px solid #dadada
      padding 0 30px
      height 180px
      background #fff
      >.img
        width 120px
        height 121px
      >.cont
        flex 1
        margin-left 20px
        >.title
          height 35px
          line-height 35px
          color #000
          font-weight 600
        >.middle
          height 60px
          line-height 60px
          color #a9a9a9
          font-size 26px
        >.price
          height 25px
          line-height 25px
          >.discount
            color #ff0090
            font-size 30px
          >.cost
            color #a9a9a9
            font-size 22px
            text-decoration line-through
            margin-left 30px
      >.destine
        width 120px
        height 50px
        line-height 50px
        color #fff
        font-size 28px
        text-align center
        border-radius 20px
        background linear-gradient(to right, #f0549d, #fdad5b);
.projectList-container
  >.top-tool
    position fixed
    top 0
    width 100%
    height 80px
    line-height 80px
    background url('../image/project-list-top.png') top
    text-align center
    .return
      position absolute
      left 30px
    .title
      color #fff
  >.projects
    margin-top 80px
    width 100%
    overflow auto

.select-container
  >.top-tool
    position fixed
    top 0
    width 100%
    heigtht 80px
    line-height 80px
    background url('../image/select-top-bg.png') top
    text-align center
    .return
      position absolute
      left 30px
    .title
      color #fff
  >.projects
    margin-top 80px
    >.project
      >.cont
        >.title
          >.level
            line-height 35px
            padding 0 20px
            margin-left 40px
            color #fff
            font-size 24px
            border-radius 12px
            vertical-align top
            background linear-gradient(to right, #f0549d, #fdad5b);
        >.middle
          color #666666
        >.count
          height 30px
          line-height 30px
          color #ff0090
          font-size  24px
.projectDetail-container
  >.service-detail
    margin-top 20px
    background #fff
    >.item
      height 90px
      line-height @height
      margin 0 30px
      font-size 28px
      border-bottom 1px solid #dadada
      >div
        display inline-block
      >.label
        color #666666
      &:last-child
        border-bottom none
  >.graphic-detail
    background #fff
    margin-top 20px
    >.graphic
      padding 0 30px
      >.graphic-header
        margin-top 30px
        >.top-title
          font-size 40px
          margin-bottom 20px
          font-weight bold
        >.date
          margin-bottom 60px
          font-size 30px
          color #888888
      >.graphic-cont
        >img
          width 100%
          height 489px
        >.desc
          line-height 50px
          font-weight bold
          margin 30px 0
      >.submit-button
        height 90px
        line-height 90px
        margin-top 70px
        margin-bottom 30px
        color #fff
        font-size 36px
        text-align center
        border-radius 10px
        background linear-gradient(to right, #f0549d, #fdad5b);
.m-title
    height 68px
    line-height 68px
    padding-left 30px
    font-size 30px
    font-weight bold
    border-bottom 1px solid #dadada

.project
  display flex
  align-items center
  border-top 1px solid #dadada
  padding 0 30px
  height 180px
  background #fff
  >.img
    width 120px
    height 121px
  >.cont
    flex 1
    margin-left 20px
    >.title
      height 35px
      line-height 35px
      color #000
      font-weight 600
      >.num
        float right
        color #a9a9a9
        font-size 24px
    >.middle
      height 55px
      line-height 55px
      color #a9a9a9
      font-size 26px
      >.clock
        margin-right 15px
        >img
          vertical-align middle
          height 22px
          width 22px
    >.effects
      height 30px
      line-height 30px
      >.effect
        display inline-block
        padding 0 12px
        margin-right 20px
        font-size 22px
        text-align center
        border-radius 20px
        vertical-align top
        &:nth-child(1)
          color #f147a7
          border 1px solid #f147a7
        &:nth-child(2)
          color #edad2c
          border 1px solid #edad2c
        &:nth-child(3)
          color #60d660
          border 1px solid #60d660











  